<!DOCTYPE html>
<html lang="en">
<head>
<title>ALEREN的网站</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">

<embed src="music/We Don't Talk Anymore.mp3" autostart="true" loop="true" hidden="true"></embed>




</head>

<body id="top">

<div class="bgded overlay" style="background-image:url('images/素材/背景/01.png');"> 
    <div class="wrapper row1">
    <header id="header" class="hoc clear"> 
            <div id="logo" class="fl_left">
        <h1><a href="index.html">ALEREN的网站</a></h1>
      </div>
      <nav id="mainav" class="fl_right">
        <ul class="clear">
          <li class="active"><a href="index.html">首页</a></li>
          <li><a class="drop" href="#">学期作业</a>
            <ul>
              <li><a href="3/3.html">第三周</a></li>
              <li><a href="4/css.html">第四周</a></li>
              <li><a href="5/5.html">第五周</a></li>
              <li><a href="6/6.html">第六周</a></li>
              <li><a href="7/clear.html">第七周</a></li>
              <li><a href="8/8.html">第八周</a></li>
              <li><a href="9/9.html">第九周</a></li>
              <li><a href="10/10.html">第十周</a></li>
              <li><a href="11/event.html">第十一周</a></li>
              <li><a href="12/期中作业.html">期中</a></li>
              <li><a href="13/13.html">第十三周</a></li>
              <li><a href="期末作业/15.html">第十四周</a></li>
            </ul>
          </li>
          <li><a class="drop" href="#">个人信息</a>
            <ul>
              <li><a href="images/素材/爱豆.jpg">爱豆</a></li>
              <li><a class="drop" href="#">专业作业集</a>
                <ul>
                  <li><a href="作业集/大一/1.jpg">大一</a></li>
                  <li><a href="作业集/大二/3.jpg">大二</a></li>
                  <li><a href="作业集/大三/2.jpg">大三</a></li>
                </ul>
       
      </nav>
          </header>
  </div>
        <div id="pageintro" class="hoc clear">
    <article> 
            <h3 class="heading">I'M ALEREN </h3>
      <p>Let life be beautiful like summer flowers, And death like autumn leaves.</p>
      <p class="font-x1 uppercase bold">Life and death are decreed by fate</p>
      <footer><a class="btn" href="#">XDXDXDXDXDXDXDXD</a></footer>
          </article>
  </div>
  </div>

<div class="wrapper row3">
  <main class="hoc container clear"> 

        <ul class="nospace group services">
      <li class="one_third first">
        <article><a href="https://www.bilibili.com/"><i class="fa fa-2x fa-registered"></i></a>
          <h6 class="heading font-x1">常用网站</h6>
          <p>哔哩哔哩弹幕网
             腾讯视频
             5Sings[&hellip;]</p>
        </article>
      </li>
      <li class="one_third">
        <article><a href="http://www.dili360.com/"><i class="fa fa-2x fa-renren"></i></a>
          <h6 class="heading font-x1">推荐杂志</h6>
          <p>《中国国家地理》
             《纽约客》
             《时代周刊》[&hellip;]</p>
        </article>
      </li>
      <li class="one_third">
        <article><a href="http://www.cnki.net/"><i class="fa fa-2x fa-resistance"></i></a>
          <h6 class="heading font-x1">科普网站</h6>
          <p>中国知网
             Google
             百度百科[&hellip;]</p>
        </article>
      </li>
      <li class="one_third first">
        <article><a href="http://re.qq.com/"><i class="fa fa-2x fa-flash"></i></a>
          <h6 class="heading font-x1">数据网站</h6>
          <p>企鹅智酷
             Google
             艾瑞网[&hellip;]</p>
        </article>
      </li>
      <li class="one_third">
        <article><a href="https://www.topys.cn/"><i class="fa fa-2x fa-assistive-listening-systems"></i></a>
          <h6 class="heading font-x1">广告网站</h6>
          <p>梅花网
             TOPYS
             中国广告人[&hellip;]</p>
        </article>
      </li>
      <li class="one_third">
        <article><a href="http://www.58pic.com/"><i class="fa fa-2x fa-globe"></i></a>
          <h6 class="heading font-x1">图片素材</h6>
          <p>千图网
            站酷中国
            昵图网[&hellip;]</p>
        </article>
      </li>
    </ul>
 
    <div class="clear"></div>
  </main>
</div>
<div class="wrapper bgded overlay" style="background-image:url('images/素材/背景/02.png');">
  <div class="hoc container clear"> 
        <div class="sectiontitle">
      <h6 class="heading">ALEREN的主页</h6>
    </div>
    <div class="group">
      <div class="two_third first">
        <p><strong>个人联系方式</strong></p>
        <p>
          TEL：18709423438</p>
           <p>邮箱：12345678@163.com</p>
          <p>地址：浙江省——XXXXX——XXXXX——3号——XXXX</p>
          <p>学校：XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
        </p>
       
        <footer><a class="btn" href="https://user.qzone.qq.com/1373043766/infocenter">其他 &raquo;</a></footer>
      </div>
     
  
</body>
</html>